<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/jd.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
</head>

<body>
    <div class="a">
        <div class="b">
            <ul>
                <li class="iconfont icon-shouye">
                    <a href="#">京东首页</a>
                </li>
                <li class="iconfont icon-didian">
                    <a href="#">北京</a>
                </li>
            </ul>
            <ol>
                <li>你好，请登录</li>
                <li class="cret"><a href="#" style="color: red;">免费注册</a></li>
                <li class="cret"><a href="#">我的订单</a></li>

                <li class="cret"><a href="#">我的京东<i class="iconfont icon-angle-down"></i></a></li>
                <li class="cret"><a href="#">京东会员<i class="iconfont icon-angle-down"></i></a></li>
                <li class="cret"><a href="#">企业采购<i class="iconfont icon-angle-down"></i></a></li>
                <li class="cret"><a href="#">客户服务<i class="iconfont icon-angle-down"></i></a></li>
                <li class="cret"><a href="#">我的京东<i class="iconfont icon-angle-down"></i></a></li>
                <li><a href="#">手机京东</a></li>
            </ol>
        </div>
    </div>
    <div class="c">
        <div class="d">
            <img src="img/images/001_03.gif" alt="">
            <input type="text"><button>搜索</button>
            <ul>
                <li><a href="#">我的购物车<i class="iconfont icon-gouwuche"></i></a></li>
            </ul>
        </div>
    </div>
    <div class="e">
        <div class="f">
            <ul>
                <li><a href="#">全部商品分类</a></li>
            </ul>
            <ol>
                <li><a href="#">京东服装</a></li>
                <li><a href="#">美妆馆</a></li>
                <li><a href="#">超市</a></li>
                <li class="cret"><a href="#">生鲜</a></li>
                <li><a href="#">京东国际</a></li>
                <li><a href="#">闪购</a></li>
                <li class="cret"><a href="#">拍卖</a></li>
                <li><a href="#">金融</a></li>

            </ol>
        </div>
    </div>
    <div class="g">
        <div class="h">
            <ul>
                <li id="img1">
                    <a href="#"><img src="img/images/lbt_03.gif" alt=""></a>
                </li>
                <li id="img2">
                    <a href="#"><img src="img/images/lbt_03.gif" alt=""></a>
                </li>
                <li id="img3">
                    <a href="#"><img src="img/images/lbt_03.gif" alt=""></a>
                </li>
                <li id="img4">
                    <a href="#"><img src="img/images/lbt_03.gif" alt=""></a>
                </li>
                <li id="img5">
                    <a href="#"><img src="img/images/lbt_03.gif" alt=""></a>
                </li>
                <li id="img6">
                    <a href="#"><img src="img/images/lbt_03.gif" alt=""></a>
                </li>
                <li id="img7">
                    <a href="#"><img src="img/images/lbt_03.gif" alt=""></a>
                </li>
            </ul>
            <ol>
                <li style="margin-right:8px">

                    <a href="#img1"></a>
                </li>
                <li style="margin-right:8px">
                    <a href="#img2"></a>
                </li>
                <li style="margin-right:8px">
                    <a href="#img3"></a>
                </li>
                <li style="margin-right:8px">
                    <a href="#img4"></a>
                </li>
                <li style="margin-right:7px">
                    <a href="#img5"></a>
                </li>
                <li style="margin-right:7px">
                    <a href="#img6"></a>
                </li>
                <li style="margin-right:0px">
                    <a href="#img7"></a>
                </li>
            </ol>
            <div class="zbd"><i class="iconfont icon-chevron-thin-left"></i></div>
            <div class="ybd"><i class="iconfont icon-chevron-thin-right"></i></div>

        </div>
        <div class="i">
            <div class="t1">
                <a href="#"><img src="img/images/002_03.gif" alt=""></a>
            </div>
            <div class="t2">
                <a href="#"><img src="img/images/jjjjjjjjjjjj_03.gif" alt=""></a>
            </div>
            <div class="t3">
                <a href="#"><img src="img/images/ddddddd_03.gif" alt=""></a>
            </div>
        </div>
        <div class="j">
            <a href="#"><img src="img/images/003_03.gif" alt=""></a>
        </div>
        <div class="k">
            <ul>
                <li>限时秒杀</li>
            </ul>
            <ol>
                <li><a href="#">更多</a></li>
            </ol>
        </div>
        <div class="l">
            <div class="m">
                <div class="m1">
                    <ul>
                        <li>12月03日</li>
                    </ul>
                    <p>14:00</p>
                </div>
                <div class="m2">
                    <ul>
                        <li>12月03日</li>
                    </ul>
                    <p>16:00</p>
                </div>
                <div class="m3">
                    <ul>
                        <li>12月03日</li>
                    </ul>
                    <p>18:00</p>
                </div>
                <div class="m4">
                    <ul>
                        <li>12月03日</li>
                    </ul>
                    <p>20:00</p>
                </div>
            </div>
            <div class="n">
                <ul>
                    <li>正在抢购，先下单先得哦</li>
                </ul>
                <ol>
                    <li>距离本场结束</li>
                </ol>
                <div class="n1">
                    <ul>
                        <li style="width: 27px; height: 23px; background: black;color: white; line-height: 23px;text-align: center;">01</li>
                        <li style="padding:0 5px">:</li>
                        <li style="width: 27px; height: 23px; background: black;color: white; line-height: 23px;text-align: center;">48</li>
                        <li style="padding:0 5px">:</li>
                        <li style="width: 27px; height: 23px; background: black;color: white; line-height: 23px;text-align: center;">55</li>
                    </ul>
                </div>
            </div>
            <div class="u1">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1" style="margin-top: 5px;">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1" style="margin-top: 5px;">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1" style="margin-top: 5px;">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1" style="margin-top: 5px;">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1" style="margin-top: 5px;">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1" style="margin-top: 5px;">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1" style="margin-top: 5px;">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1" style="margin-top: 5px;">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1" style="margin-top: 5px;">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1" style="margin-top: 5px;">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
        </div>
        <div class="o">
            <ul>
                <li>智能优品推荐</li>
            </ul>
            <p>全屋智能</p>
        </div>
        <div class="p">
            <ul>
                <li><a href="#">厨房</a></li>
                <li><a href="#">环境</a></li>
                <li><a href="#">沐浴</a></li>
                <li><a href="#">照明</a></li>
            </ul>
        </div>
        <div class="q">
            <a href="#"><img src="img/images/dtp_03.gif" alt=""></a>
        </div>
        <div class="r">
            <ul>
                <li>玩转智能生活</li>
            </ul>
            <ol>
                <li><a href="#">更多</a></li>
            </ol>
        </div>
        <div class="s">
            <div class="s1">
                <a href="#"><img src="img/images/zzz_03.gif" alt=""></a>
            </div>
            <div class="s2">
                <a href="#"><img src="img/images/eee_03.gif" alt=""></a>
            </div>
            <div class="s3">
                <a href="#"><img src="img/images/jjj_03.gif" alt=""></a>
            </div>
        </div>
        <div class="t">
            <ul>
                <li>本周热门推荐</li>
            </ul>
        </div>
        <div class="u">
            <div class="u1">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
            <div class="u1">
                <dl>
                    <dt>
                        <a href="#"><img src="img/images/xtd_03.gif" alt=""></a>
                    </dt>
                    <dd><a href="#">好空调格力造很爱就喝旺仔</a></dd>
                    <p style="padding-left: 20px; padding-top: 30px;">
                        <a href="#" style="color: red; font-size: 14px;">￥2999</a> <a href="#" style="text-decoration: line-through;">￥3199</a>
                    </p>
                </dl>
            </div>
        </div>
        <div class="v">
            <ul>
                <li><a href="#"><i class="iconfont icon-yonghu"></i></a></li>
                <li><a href="#"><i class="iconfont icon-gouwuche"></i></a></li>
                <li><a href="#"><i class="iconfont icon-shoucang"></i></a></li>
                <li><a href="#"><i class="iconfont icon-naozhong"></i></a></li>
                <li><a href="#"><i class="iconfont icon-xinxi"></i></a></li>
                <li><a href="#"><i class="iconfont icon-dianzan"></i></a></li>

            </ul>
        </div>
    </div>

</body>

</html>